#2F352A

Color Details

HEX
#2F352A
RGB
rgb(47, 53, 42)
HSL
hsl(93, 12%, 19%)
CMYK
cmyk(11%, 0%, 21%, 79%)
Best text on this color #FFFFFF (CR 12.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f352a
Contrast 1.66:1 Fail
White on #2f352a
Contrast 12.62:1 AAA
#2f352a on Black
Contrast 1.66:1 Fail
#2f352a on White
Contrast 12.62:1 AAA

Tints & Shades

#595d55
#82867f
#acaeaa
#262a22
#1c2019
#131511

Complement & Analogous

#312b36
#263b27
#3a3b26

Triadic

#2b3036
#362b30

Monochrome

#131511 #1c2019 #2f352a #82867f #acaeaa #d5d7d4

Analogous

#3a3b26 #757667 #2f352a #516252 #263b27 #1e2f1f

Complementary Mix

#1c2019 #2f352a #82867f #312b36 #79757c #201c23

Nearby Colors

#2f3529
#2f352b
#2f351a
#2f353a

Embed #2F352A swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2F352A

#2F352A converts to RGB(47, 53, 42) and HSL(93, 12%, 19%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2F352A FAQs

What is the RGB value of #2F352A?
RGB: 47, 53, 42. Copy as CSS: rgb(47, 53, 42)
Is #2F352A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2F352A?
Complement: #312b36.
Does #2F352A have good contrast on white or black?
On white: 12.62:1 (AAA (normal text)). On black: 1.66:1 (Fails AA).